<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body class="sports_course">
		<!-- 主体 -->
		<main class="main">
			<!-- 导航栏 -->
			<nav class="navbar"></nav>
			<!-- 最新课程 -->
			<section>
				<h3>最新课程</h3>
				<div class="course">
					<img src="#" alt="图片加载失败" class="course-img" />
					<h4>题目</h4>
					<p>摘要</p>
				</div>
			</section>
			<!-- 课程 -->
			<section>
				<h3>课程</h3>
				<div class="last">
					<a href="sports_course_detail.html">
						<img src="../../assets/images/11.webp" alt="" />
						<h4>题目</h4>
						<p>摘要</p>
					</a>
				</div>
			</section>
		</main>
		<!-- 底部导航 tabbar -->
		<nav class="tabbar"></nav>
	</body>
</html>
